<template>
    <li class="news-item">
    <span>新闻ID: {{ id }}</span> <br />
    <span>标题：{{ title }}</span> <br />
    <span>内容：{{ content }}</span>
    <span><button @click="delMe(id)">删除</button></span>
    </li>
    </template>
    <script>
    export default {
    props: ['id', 'title', 'content'],
    methods: {
        delMe(id) {
        this.$emit('del', id)
        },
    },
    }
    </script>  
    <style scoped>
    .news-item{
    border: 1px solid green;
    padding: 10px;
    }
</style>